<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script src="../trd/jquery/jquery-2.0.2.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="../trd/element/element.css">
<!--
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-->
    <link rel="stylesheet" href="../trd/element/fonts/element-icons.ttf" type="text/css" />
    <link rel="stylesheet" href="../../css/base.css">
    <script type="text/javascript" src="../trd/vue/vue.js"></script>
    <script type="text/javascript" src="../trd/element/element.js"></script>
    <style>
        .text {
            font-size: 14px;
        }

        .item {
            padding: 18px 0;
        }

        .box-card {
            width: 480px;
        }
    </style>
</head>
<body>
    <div id="app" style="padding: 0;height: 100%" v-cloak>
        <el-container>
            <el-aside width="20%">
                <h2 style=" font-weight: 600; font-size: 25px; margin: 40px 10px 20px;">项目分支</h2>
                <el-input
                        placeholder="请输入搜索关键字"
                        v-model="gitSearchText"
                        v-cloak
                >
                    <i slot="suffix" class="el-input__icon el-icon-search"></i>
                </el-input>
                <el-scrollbar  :style="{height:  (showSearchDiv ? 'calc(100vh - 120px)' : 'calc(100vh - 80px)' )}">
                    <el-tree
                            class="dept-opts"
                            :data="branchsAndTags"
                            node-key="label"
                            highlight-current
                            @node-click="gitBranchClick"
                            :filter-node-method="filterNode"
                            show-checkbox
                            ref="branchsAndTagsTree">
                    </el-tree>
                </el-scrollbar>
            </el-aside>
            <el-main>
                <el-row  style="line-height: 50px">
                    <el-col :span="24">
                        <el-button size="small" type="success" @click="packageBranch">打包</el-button>
                        <el-button size="small" type="success" @click="cloneBranch">克隆分支</el-button>
                    </el-col>
                </el-row>
                <el-divider content-position="left"></el-divider>
                <el-row>
                    <el-table  :header-row-class-name="'table-header'" :row-class-name="'table-row'" border
                           :data="gitFileList"
                            ref="selectedRow"
                            style="width: 100%">
                        </el-table-column>
                        <el-table-column
                                prop="fileName"
                                label="文件名称"
                                width="200">
                        </el-table-column>
                        <el-table-column
                                prop="type"
                                label="文件类型"
                                width="200">
                        </el-table-column>
                        <el-table-column
                                prop="lbCode"
                                label="所属分支"
                                width="200">
                        </el-table-column>
                        <el-table-column
                                prop="createTime"
                                label="打包时间"
                               >
                        </el-table-column>
                    </el-table>
                    </template>
                </el-row>
            </el-main>
        </el-container>
    </div>
</body>
<script type="text/javascript" src="./git.js"></script>
</html>